<template id="chat-row-other-template">
    <div class="chat-row">
        <svg class="chat-icon" viewBox="0 0 1024 1024"
             xmlns="http://www.w3.org/2000/svg">
            <path d="M21.344 448h85.344v234.656H21.344V448zM554.656 192h64V106.656h-213.344V192h64v42.656h-320V896h725.344V234.656h-320V192z m234.688 128v490.656H234.688V320h554.656zM917.344 448h85.344v234.656h-85.344V448z"></path>
            <path d="M341.344 512H448v106.656h-106.656V512zM576 512h106.656v106.656H576V512z"></path>
        </svg>
        <div class="chat-content">
            <div class="chat-name">name</div>
            <div class="chat-bubble other"></div>
        </div>
    </div>
</template>

<template id="chat-row-system-template">
    <div class="chat-row">
        <svg class="chat-icon" viewBox="0 0 1024 1024"
             xmlns="http://www.w3.org/2000/svg">
            <path d="M992.6 404.1l-94.7 0c-8.7-31.3-21-61-36.6-88.7l66.9-66.9c12.2-12.2 12.2-32.2 0-44.5L820 95.9c-6.1-6.1-14.2-9.2-22.2-9.2s-16.1 3.1-22.2 9.2l-66.9 66.9c-27.7-15.6-57.4-27.9-88.7-36.6L620 31.4c0-17.3-14.2-31.4-31.4-31.4L435.6 0c-17.3 0-31.4 14.2-31.4 31.4l0 94.7c-31.3 8.7-61 21-88.7 36.6l-66.9-66.9c-6.1-6.1-14.2-9.2-22.2-9.2s-16.1 3.1-22.2 9.2L95.9 204c-12.2 12.2-12.2 32.2 0 44.5l66.9 66.9c-15.6 27.7-27.9 57.4-36.6 88.7L31.4 404.1C14.2 404.1 0 418.3 0 435.6l0 152.9c0 17.3 14.2 31.4 31.4 31.4l94.7 0c8.7 31.3 21 61 36.6 88.7l-66.9 66.9c-12.2 12.2-12.2 32.2 0 44.5L204 928.1c6.1 6.1 14.2 9.2 22.2 9.2s16.1-3.1 22.2-9.2l66.9-66.9c27.7 15.6 57.4 27.9 88.7 36.6l0 94.7c0 17.3 14.2 31.4 31.4 31.4l152.9 0c17.3 0 31.4-14.2 31.4-31.4l0-94.7c31.3-8.7 61-21 88.7-36.6l66.9 66.9c6.1 6.1 14.2 9.2 22.2 9.2s16.1-3.1 22.2-9.2L928.1 820c12.2-12.2 12.2-32.2 0-44.5l-66.9-66.9c15.6-27.7 27.9-57.4 36.6-88.7l94.7 0c17.3 0 31.4-14.2 31.4-31.4L1023.9 435.6C1024 418.3 1009.9 404.1 992.6 404.1zM960 555.9l-62.2 0-48.6 0-13.1 46.8c-7.3 26.3-17.7 51.4-30.7 74.5l-23.9 42.3 34.4 34.4 43.9 43.9-62.1 62.1-43.9-43.9-34.4-34.4-42.3 23.9c-23.1 13-48.2 23.4-74.5 30.7l-46.8 13.1 0 48.6L555.8 960l-87.8 0 0-62.2 0-48.6-46.8-13.1c-26.3-7.3-51.4-17.7-74.5-30.7l-42.3-23.9-34.4 34.4-43.9 43.9-62.1-62.1 43.9-43.9 34.4-34.4-23.9-42.3c-13-23.1-23.4-48.2-30.7-74.5l-13.1-46.8-48.6 0L64 555.8l0-87.8 62.2 0 48.6 0 13.1-46.8c7.3-26.3 17.7-51.4 30.7-74.5l23.9-42.3-34.4-34.4-43.9-43.9 62.1-62.1 43.9 43.9 34.4 34.4 42.3-23.9c23.1-13 48.2-23.4 74.5-30.7l46.8-13.1 0-48.6L468.2 64l87.8 0 0 62.2 0 48.6 46.8 13.1c26.3 7.3 51.4 17.7 74.5 30.7l42.3 23.9 34.4-34.4 43.9-43.9 62.1 62.1-43.9 43.9-34.4 34.4 23.9 42.3c13 23.1 23.4 48.2 30.7 74.5l13.1 46.8 48.6 0L960 468.2 960 555.9z"></path>
            <path d="M512 320c-106 0-192 86-192 192 0 106 86 192 192 192 106 0 192-86 192-192C704 406 618 320 512 320zM602.5 602.5C578.3 626.7 546.2 640 512 640c-34.2 0-66.3-13.3-90.5-37.5C397.3 578.3 384 546.2 384 512c0-34.2 13.3-66.3 37.5-90.5 24.2-24.2 56.3-37.5 90.5-37.5 34.2 0 66.3 13.3 90.5 37.5 24.2 24.2 37.5 56.3 37.5 90.5C640 546.2 626.7 578.3 602.5 602.5z"></path>
        </svg>
        <div class="chat-content">
            <div class="chat-name">name</div>
            <div class="chat-bubble other"></div>
        </div>
    </div>
</template>

<template id="chat-row-user-template">
    <div class="chat-row user">
        <div class="chat-content user">
            <div class="chat-name">name</div>
            <div class="chat-bubble user"></div>
        </div>
        <svg class="chat-icon" viewBox="0 0 1024 1024"
             xmlns="http://www.w3.org/2000/svg">
            <path d="M1006.87952 873.984c-0.224-2.432-0.544-4.768-0.544-7.008 0-94.784-131.52-204.8-325.312-246.72A271.36 271.36 0 0 0 751.77552 443.264V256.512C751.77552 110.272 648.83152 0 511.77552 0S271.77552 110.272 271.77552 256.512v186.752a259.936 259.936 0 0 0 62.432 184.192C168.73552 670.176 19.23152 763.488 19.23152 868.064c0 2.208-2.176 4.576-2.432 6.944a66.144 66.144 0 0 0 35.776 74.144C142.71952 996.032 313.95152 1024 511.35952 1024s368.896-27.968 459.104-74.848a67.904 67.904 0 0 0 36.416-75.168zM335.77552 443.264V256.512c0-109.28 75.424-191.68 176-191.68S687.77552 147.2 687.77552 256.512v186.752c0 109.28-75.488 191.68-176 191.68s-176-82.4-176-191.68z m605.12 448.224c-80.32 41.6-245.088 67.648-429.984 67.648s-349.632-25.92-429.952-67.616c-1.472-0.8-2.432-1.44-2.848-1.568 0-2.048 0.32-5.696 0.608-8.288 0.48-4.64 0.864-9.216 0.864-13.6 0-57.6 128-159.264 316.096-190.88a239.264 239.264 0 0 0 209.792-3.36c199.328 27.104 336.768 133.792 336.768 193.12 0 4.288 0.384 8.832 0.864 13.536a57.024 57.024 0 0 0 1.184 8.736 13.44 13.44 0 0 1-3.424 2.272z"></path>
        </svg>
    </div>
</template>

<template id="dialogue-info-row-template">
    <div class="dialogue-info-row">
        <div class="dialogue-info-key unselectable-text"></div>
        <div class="dialogue-info-value"></div>
    </div>
</template>